<template>
  <div class="manager">
    <!-- 用于接受管理页面，首页，订单页，我的页面 -->
 
      <router-view></router-view>
    
    <van-tabbar v-model="active">
      <van-tabbar-item to="/manager/home">
        首页
        <template #icon="props">
          <img :src="props.active ? require('../assets/首页-选中.png') : require('../assets/首页-未选中.png')" />
        </template>
      </van-tabbar-item>

      <van-tabbar-item to="/manager/order">
        订单
        <template #icon="props">
          <img :src="props.active ? require('../assets/订单-选中.png') : require('../assets/订单-未选中.png')" />
        </template>
      </van-tabbar-item>
      <van-tabbar-item to="/manager/mine">
        我的
        <template #icon="props">
          <img :src="props.active ? require('../assets/我的-选中.png') : require('../assets/我的-未选中.png')" />
        </template>
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        active: 0,
      };
    },

    
  };
</script>

<style scoped>

  .van-tabbar-item img {
    width: 30px;
    height: 30px;
  }

</style>